<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>听泉鉴宝介绍</title>  
    <style>  
        body {  
            font-family: Arial, sans-serif;  
            margin: 0;  
            padding: 0;  
            background-color: #f4f4f4;  
        }  
        .container {  
            width: 80%;  
            margin: 0 auto;  
            overflow: hidden;  
        }  
        header {  
            background: #333;  
            color: #fff;  
            padding-top: 30px;  
            min-height: 70px;  
            border-bottom: #77aaff 3px solid;  
        }  
        header h1 {  
            text-align: center;  
            text-transform: uppercase;  
            margin: 0;  
            font-size: 24px;  
        }  
        .main {  
            padding: 20px;  
            background: #fff;  
            margin-top: 50px;  
        }  
        .profile-img {  
            text-align: center;  
            margin-bottom: 20px;  
        }  
        .profile-img img {  
            width: 150px;  
            height: 150px;  
            border-radius: 50%;  
            border: 2px solid #77aaff;  
        }  
        .profile-info {  
            text-align: center;  
        }  
        .profile-info p {  
            line-height: 1.8;  
            margin-bottom: 50px; 
        }  
        .social-media {  
            margin-top: 20px;  
            text-align: center;  
        }  
        .social-media a {  
            color: #77aaff;  
            text-decoration: none;  
            margin: 0 10px;  
        }  
        .social-media a:hover {  
            text-decoration: underline;  
        }  
        footer {  
            background: #333;  
            color: #fff;  
            text-align: center;  
            padding: 60px 0;  
            margin-top: 60px;  
        }  
    </style>  
</head>  
<body>  
    <div class="container">  
        <header>  
            <h1>听泉鉴宝</h1>  
        </header>  
        <div class="main">  
            <div class="profile-img">  
                <img src="tqjb.jpg" >  
            </div>  
            <div class="profile-info">  
                <p>抖音上拥有2400万粉丝的鉴宝博主</p>    
                <p>直播分享鉴宝知识，帮助粉丝鉴别文物真伪</p>  
            </div>  
              
        </div>  
        <footer>  
            <div class="social-media">   
                <a href="https://www.douyin.com/user/MS4wLjABAAAAoCCiftUdv439m4Y2Gglyv7ImVZlMSgu_wisIk5zYPJ4?from_tab_name=main" target="_blank">抖音账号</a>  
                <!-- 可以添加其他社交媒体链接，如微博、微信等 -->  
            </div> 
        </footer>  
    </div>  
</body>  
</html>